import Vue from 'vue'
import VueRouter from 'vue-router'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'Home',
    redirect: '/bpmn'
  },
  {
    path: '/bpmn',
    name: 'Bpmn',
    component: () => import('@/views/Layout.vue'),
    redirect: '/bpmn/test1',
    children: [
      {
        path: 'test1',
        name: 'BpmnTest1',
        component: () => import('@/views/bpmn/Home.vue')
      },
      {
        path: 'test2',
        name: 'BpmnTest2',
        component: () => import('@/views/bpmn/Test2.vue')
      },
      {
        path: 'test3',
        name: 'BpmnTest3',
        component: () => import('@/views/bpmn/Test3.vue')
      },
      {
        path: 'test4',
        name: 'BpmnTest4',
        component: () => import('@/views/bpmn/Test4.vue')
      },
      {
        path: 'test5',
        name: 'BpmnTest5',
        component: () => import('@/views/bpmn/Test5.vue')
      },
      {
        path: 'test6',
        name: 'BpmnTest6',
        component: () => import('@/views/bpmn/Test6.vue')
      },
      {
        path: 'test7',
        name: 'BpmnTest7',
        component: () => import('@/views/bpmn/Test7.vue')
      },
      {
        path: 'test8',
        name: 'BpmnTest8',
        component: () => import('@/views/bpmn/Test8.vue')
      },
      {
        path: 'test9',
        name: 'BpmnTest9',
        component: () => import('@/views/bpmn/Test9.vue')
      },
      {
        path: 'test10',
        name: 'BpmnTest10',
        component: () => import('@/views/bpmn/Test10.vue')
      },
      {
        path: 'test11',
        name: 'BpmnTest11',
        component: () => import('@/views/bpmn/Test11.vue')
      }
    ]
  },
  {
    path: '/about',
    name: 'About',
    component: () => import('../views/About.vue')
  }
]

const router = new VueRouter({
  routes
})

export default router
